﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm4.aspx.cs" Inherits="EmptyProjectNet40_FineUI.WebForm4" %>
<!DOCTYPE html>
<html>
<head runat="server">
    <title></title>
    <style>
        .formtitle .f-field-body {
            text-align: center;
            font-size: 20px;
            line-height: 1.2em;
            margin: 10px 0;
        }
    </style>
</head>
<body>
    <form id="_form1" runat="server">
        <f:PageManager ID="PageManager1" runat="server" />
        <f:Form Width="600px" BodyPadding="5px" ID="Form1" LabelWidth="100px" EnableCollapse="true"
            runat="server" ShowHeader="true" Title="表单" >
            <Items>
                <f:Panel ID="Panel2" Layout="HBox" ShowHeader="false" ShowBorder="false" runat="server">
                                    <Items>
                                        <f:Label ID="Label2" runat="server" ShowRedStar="true" Label="姓名"></f:Label>
                                        <f:TextBox ID="TextBox5" ShowLabel="false" CssClass="marginr" Required="true" ShowRedStar="true" BoxFlex="2" runat="server">
                                        </f:TextBox>
                                        <f:TextBox ID="TextBox6" ShowLabel="false" Required="true" ShowRedStar="true" BoxFlex="3" runat="server">
                                        </f:TextBox>
                                    </Items>
                                </f:Panel>
                                <f:Panel ID="Panel1" Layout="HBox" BoxConfigAlign="Stretch" ShowHeader="false" ShowBorder="false" runat="server">
                                    <Items>
                                        <f:TextBox ID="TextBox7" Required="true" ShowRedStar="true" Label="电子邮箱" RegexPattern="EMAIL"
                                            RegexMessage="请输入有效的邮箱地址" BoxFlex="1" runat="server">
                                        </f:TextBox>
                                        <f:TextBox ID="TextBox8" Label="电话号码" Width="200px" LabelWidth="80px" Required="true" ShowRedStar="true" runat="server">
                                        </f:TextBox>
                                    </Items>
                                </f:Panel>
            </Items>
            <Rows>
             
                <f:FormRow ColumnWidths="40% 60%">
                    <Items>
                        <f:Label ID="Label1" runat="server" Label="标签" Text="标签的值">
                        </f:Label>
                        <f:CheckBox ID="CheckBox1" runat="server" Text="复选框" Label="复选框">
                        </f:CheckBox>
                    </Items>
                </f:FormRow>
                <f:FormRow ColumnWidths="40% 60%">
                    <Items>
                        <f:DropDownList ID="DropDownList1" runat="server" Label="下拉列表" EmptyText="请选择一项" Required="true" ShowRedStar="True" AutoSelectFirstItem="false">
                            <f:ListItem Text="可选项 1" Value="0"></f:ListItem>
                            <f:ListItem Text="可选项 2" Value="1"></f:ListItem>
                        </f:DropDownList>
                        <f:TextBox ID="TextBox1" ShowRedStar="true" runat="server" Label="文本框" Required="true"
                            Text="">
                        </f:TextBox>
                    </Items>
                </f:FormRow>

                 <f:FormRow ColumnWidths="30% 30% 30%">
                    <Items>
                       
                        <f:TextBox ID="TextBox2" ShowRedStar="true" runat="server" Label="身高" LabelAlign="Right" Required="true"
                            Text="" >
                        </f:TextBox>
                         <f:TextBox ID="TextBox3" ShowRedStar="true" runat="server" Label="体重" LabelAlign="Right" Required="true"
                            Text="">
                        </f:TextBox>
                         <f:TextBox ID="TextBox4" ShowRedStar="true" runat="server" Label="年龄" LabelAlign="Right" Required="true"
                            Text="">
                        </f:TextBox>
                    </Items>
                </f:FormRow>

                <f:FormRow ColumnWidths="30% 70%">
                    <Items>
                       
                      <f:Label runat="server" Text="种类："></f:Label>
                      <f:CheckBoxList runat="server" ColumnVertical="true" ColumnNumber="5">
                          <f:CheckItem Text="水稻" />
                          <f:CheckItem Text="小麦" />
                          <f:CheckItem Text="玉米" />
                          <f:CheckItem Text="南瓜" />
                          <f:CheckItem Text="土豆" />
                          <f:CheckItem Text="苹果" />
                          <f:CheckItem Text="西蓝花" />
                          <f:CheckItem Text="青菜" />
                          <f:CheckItem Text="豌豆" />
                      </f:CheckBoxList>
                    </Items>
                </f:FormRow>
            </Rows>
           
            <Toolbars>
                <f:Toolbar runat="server" Position="Bottom" ToolbarAlign="Center">
                    <Items>
                        <f:Button runat="server" Text="验证此表单并提交" CssClass="mybutton" ValidateForms="Form1"
                            ID="btnSubmitForm1" OnClick="btnSubmitForm1_Click">
                        </f:Button>
                        <f:Button ID="btnResetForm1" EnablePostBack="false" CssClass="mybutton" Text="重置表单"
                            runat="server">
                        </f:Button>
                    </Items>
                </f:Toolbar>
            </Toolbars>
        </f:Form>
    </form>
    
</body>
</html>
